import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
import 'bootstrap/dist/css/bootstrap.css'
import 'bootstrap/dist/js/bootstrap.js'

Vue.config.productionTip = false

// 自定义按键别名
Vue.config.keyCodes.tab = 112
// 全局过滤器
// Vue.filter(过滤器名字,回调函数（data: 管道符前面的数据 format: 传递的参数）)
Vue.filter('setMsg', function (data, format) {
  console.log(data)
  console.log(format)
  return data.replace('厉害', '**')
})

Vue.filter('setMsg1', function (data, format) {
  // data 上个过滤器返回的数据
  console.log(data)
  console.log(format)
  // return data.replace('厉害', '**')
})

// 全局自定义指令
// Vue.directive(自定义指令名字，{})
Vue.directive('color', {
  //  函数
  //   el:绑定的Dom元素
  //   binding: 信息
  //   只调用一次，指令第一次绑定到元素时调用
  bind(el,binding){
    // console.log(el)
    // console.log(binding)
    el.style.color = binding.value

  },
  // 当页面元素渲染完成之后执行
  inserted(el){
    // console.log(el)
    el.focus()
  },
  // 更新页面执行
  update(el){
    console.log(el)
  }
})
new Vue({
  router,
  store,
  render: h => h(App)
}).$mount('#app')


